﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <base href="/netctoss/"/>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>NetCTOSS</title>
        <link type="text/css" rel="stylesheet" media="all" href="styles/global.css" />
        <link type="text/css" rel="stylesheet" media="all" href="styles/global_color.css" />
        <script language="javascript" type="text/javascript">
            //保存成功的提示信息
            function showResult() {
                showResultDiv(true);
                window.setTimeout("showResultDiv(false);", 3000);
            }
            function showResultDiv(flag) {
                var divResult = document.getElementById("save_result_info");
                if (flag)
                    divResult.style.display = "block";
                else
                    divResult.style.display = "none";
            }
        </script>
    </head>
    <body>
        <div id="navibar"></div>
        <!--导航区域结束-->
        <!--主要区域开始-->
        <div id="main">            
            <!--保存操作后的提示信息：成功或者失败-->
            <div id="save_result_info" class="save_success">保存成功！</div><!--保存失败，数据并发错误！-->
            <form action="" method="" class="main_form">
                <div class="text_info clearfix"><span>管理员账号：</span></div>
                <div class="input_info"><input type="text" readonly="readonly" class="readonly" v-model="admin.adminCode" /></div>
                <div class="text_info clearfix"><span>角色：</span></div>
                <div class="input_info">
                    <input type="text" readonly="readonly" class="readonly width400" v-model="roleName" />
                </div>
                <div class="text_info clearfix"><span>姓名：</span></div>
                <div class="input_info">
                    <input type="text" v-model="admin.adminName" />
                    <span class="required">*</span>
					<!--error_msg-->
                    <div class="validate_msg_long ">20长度以内的汉字、字母的组合</div>
                </div>
                <div class="text_info clearfix"><span>电话：</span></div>
                <div class="input_info">
                    <input type="text" class="width200" v-model="admin.adminTelephone" />
                    <div class="validate_msg_medium">电话号码格式：手机或固话</div>
                </div>
                <div class="text_info clearfix"><span>Email：</span></div>
                <div class="input_info">
                    <input type="text" class="width200" v-model="admin.adminEmail" />
                    <div class="validate_msg_medium">50长度以内，符合 email 格式</div>
                </div>
                <div class="text_info clearfix"><span>创建时间：</span></div>
                <div class="input_info"><input type="text" readonly="readonly" class="readonly" v-model="admin.adminEnrolldate"/></div>
                <div class="button_info clearfix">
                    <input type="button" value="保存" class="btn_save" @click="doUpdateDetail" />
                    <input type="button" value="取消" class="btn_save" @click="toDetail"/>
                </div>
            </form>  
        </div>
        <div>
            <script type="text/javascript" src="jquery/jquery.js"></script>
            <script type="text/javascript" src="vue/vue.js"></script>
            <script type="text/javascript" src="vue/axios.js"></script>
            <script type="text/javascript" src="js/user/detail.js"></script>
            <script type="text/javascript" src="layer/layer.js"></script>
        </div>
        <script>
            $(function(){//页面加载完成后加载
                //load（网页）  在组件加载的时候，发送ajax请求获取服务器返回回来的页面内容
                $("#navibar").load("html/common/navibar.html");
            })
        </script>
    </body>
</html>
